<template>
  <div ref="div" class="ttest">

  </div>
</template>

<script lang="ts">
// @ts-nocheck
import Vue from "vue";
import {BrowseVueLoader} from "../../../local_modules/ZhiXinLib/HttpVueLoaderUtils/BrowseVueLoader";

export default {
  name: 'IndexView',
  data(){
    return{
    }
  },
  created() {
    const cubic = value => Math.pow(value, 3);
    const easeInOutCubic = value => value < 0.5
      ? cubic(value * 2) / 2
      : 1 - cubic((1 - value) * 2) / 2;
    const OtherParams = [
      ['easeInOutCubic',easeInOutCubic],
    ]
    OtherParams.push(['OtherParams',OtherParams])
    window.OtherParams=OtherParams
    window.BrowseVueLoader=BrowseVueLoader
    BrowseVueLoader.setLoaderCallBack((finish, url) => {
      console.log(finish, url)
    })
    BrowseVueLoader.urlFileToVue("./vue/NavigationCom.vue", OtherParams)
      .then(com => {
        this.$nextTick(() => {
          const s = Vue.extend(com)
          const vm = new s()
          vm.$mount()
          this.$refs.div.append(vm.$el)
        })
      })
  },
  methods:{
  }
}
</script>

<style scoped lang="scss">
.ttest{
  background-color: yellow;
}
</style>
